<!-- 患者管理详情 -->
<template>
  <div class="detail-box">
    <div class="top-crumb">
      <el-breadcrumb separator="">
        <el-breadcrumb-item class="middle-info first-info"
          ><span @click="goBack" style="cursor: pointer">返回</span
          ><span style="margin-left: 12px">|</span></el-breadcrumb-item
        >
        <el-breadcrumb-item class="middle-info"
          >患者管理<span style="margin-left: 8px">/</span></el-breadcrumb-item
        >
        <el-breadcrumb-item class="middle-info last-info">
          患者详情
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <el-form
      ref="ruleForm"
      size="mini"
      :inline="true"
      :model="ruleForm"
      class="demo-form-inline"
      label-position="top"
      :rules="rulesList"
      :disabled="showDisabled"
    >
      <!-- 基础信息 -->
      <div class="basic-information">
        <div class="top-title"><span class="star">*</span>基础信息</div>
        <div class="content-info">
          <el-form-item label="住院号" class="info-box" prop="admissionNum">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.admissionNum"
              placeholder="请输入住院号"
            />
          </el-form-item>
          <el-form-item label="姓名" class="info-box" prop="name">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.name"
              placeholder="请输入患者姓名"
            />
          </el-form-item>
          <el-form-item label="身份证号" prop="cardNo" class="info-box">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.cardNo"
              placeholder="请输入患者身份证号码"
            />
          </el-form-item>
          <el-form-item label="性别" class="info-box" prop="gender">
            <el-select v-model="ruleForm.gender" placeholder="请选择性别">
              <el-option
                v-for="(item, index) in allGender"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="出生日期" class="info-box" prop="birthday">
            <el-date-picker
              value-format="yyyy-MM-dd"
              :clearable="false"
              v-model="ruleForm.birthday"
              type="date"
              placeholder="请选择出生日期"
            />
          </el-form-item>
          <el-form-item label="年龄" class="info-box" prop="age">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.age"
              placeholder="请输入年龄"
            />
          </el-form-item>
          <el-form-item label="婚姻状况" class="info-box" prop="marriage">
            <el-select v-model="ruleForm.marriage" placeholder="请选择婚姻状况">
              <el-option
                v-for="(item, index) in marriage"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>

          <el-form-item label="联系方式" class="info-box" prop="phone">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.phone"
              placeholder="请输入患者联系方式"
            />
          </el-form-item>
          <el-form-item label="民族" class="info-box" prop="nation">
            <el-select v-model="ruleForm.nation" placeholder="请选择民族">
              <el-option
                v-for="(item, index) in nations"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="民族"
            style="visibility: hidden"
            class="info-box"
            prop="nation"
          >
            <el-select v-model="ruleForm.nation" placeholder="请选择民族">
              <el-option
                v-for="(item, index) in nations"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="民族"
            style="visibility: hidden"
            class="info-box"
            prop="nation"
          >
            <el-select v-model="ruleForm.nation" placeholder="请选择民族">
              <el-option
                v-for="(item, index) in nations"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="民族"
            style="visibility: hidden"
            class="info-box"
            prop="nation"
          >
            <el-select v-model="ruleForm.nation" placeholder="请选择民族">
              <el-option
                v-for="(item, index) in nations"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
        </div>
      </div>
      <!-- 病例信息 -->
      <div class="basic-information margin-top padding-bottom">
        <div class="top-title"><span class="star">*</span>病例信息</div>
        <div class="title-info">
          <div class="black-blue"></div>
          <span class="star">*</span>住院信息
        </div>
        <div class="main-info">
          <el-form-item label="发病时间" class="info-box" prop="illDate">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.illDate"
              placeholder="请输入发病时间"
            />
            <span class="desc">天</span>
          </el-form-item>
          <el-form-item
            label="是否急诊："
            class="info-box"
            prop="isEmergency        "
          >
            <el-radio-group v-model="ruleForm.isEmergency">
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="入院日期"
            class="info-box input-boxs"
            prop="admissionDate"
          >
            <el-date-picker
              value-format="yyyy-MM-dd"
              :clearable="false"
              v-model="ruleForm.admissionDate"
              type="date"
              placeholder="请选择入院日期"
            />
          </el-form-item>
          <el-form-item label="入院时心率" class="info-box" prop="heartRate">
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.heartRate"
              placeholder="请输入入院时心率"
            />
            <span class="desc" style="margin-left: 10px">次/分</span>
          </el-form-item>
          <el-form-item
            label="入院右上肢收缩压"
            class="info-box"
            prop="systolic"
          >
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.systolic"
              placeholder="请输入入院右上肢收缩压"
            />
            <span class="desc" style="margin-left: 10px">mmHg</span>
          </el-form-item>

          <el-form-item
            label="入院右上肢舒张压"
            class="info-box"
            prop="diastolic"
          >
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.diastolic"
              placeholder="请输入入院右上肢舒张压"
            />
            <span class="desc" style="margin-left: 10px">mmHg</span>
          </el-form-item>
          <el-form-item
            label="出院日期"
            class="info-box input-boxs"
            prop="dischargeDate"
          >
            <el-date-picker
              :clearable="false"
              v-model="ruleForm.dischargeDate"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择出院日期"
            />
          </el-form-item>

          <el-form-item label="住院天数" class="info-box" prop="HospitalDays">
            <el-input
              maxlength="300"
              disabled
              v-model.trim="ruleForm.HospitalDays"
              placeholder="请输入住院天数"
            />
            <span class="desc">天</span>
          </el-form-item>
          <el-form-item
            label="重症监护时间"
            class="info-box"
            prop="iintensiveCare"
          >
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.iintensiveCare"
              placeholder="请输入重症监护时间"
            />
            <span class="desc" style="margin-left: 14px">小时</span>
          </el-form-item>
        </div>
        <div class="title-info">
          <div class="black-blue"></div>
          <span class="star">*</span>手术信息
        </div>
        <div class="main-info">
          <el-form-item
            label="手术日期"
            class="info-box input-boxs"
            prop="operationDate"
          >
            <el-date-picker
              v-model="ruleForm.operationDate"
              type="date"
              value-format="yyyy-MM-dd"
              :clearable="false"
              placeholder="请选择手术日期"
            />
          </el-form-item>

          <el-form-item
            label="手术类型"
            class="info-box input-boxs"
            prop="operationType"
          >
            <el-select
              v-model="ruleForm.operationType"
              placeholder="请选择手术类型"
            >
              <el-option label="主动脉腔内修复术" :value="1" />
            </el-select>
          </el-form-item>
          <el-form-item
            label="术者"
            class="info-box input-boxs"
            prop="operator"
          >
            <el-input
              v-model.trim="ruleForm.operator"
              maxlength="300"
              placeholder="请输入术者"
            />
          </el-form-item>

          <el-form-item
            label="治疗策略"
            class="info-box input-boxs"
            prop="treatmentType"
          >
            <el-select
              v-model="ruleForm.treatmentType"
              placeholder="请选择治疗策略"
            >
              <el-option
                v-for="(item, index) in strategyList"
                :label="item.label"
                :value="item.value"
                :key="index"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="是否置入大动脉支架："
            class="info-box"
            prop="isStent"
          >
            <el-radio-group v-model="ruleForm.isStent">
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="大动脉支架置入数量"
            class="info-box input-boxs"
            prop="stentNum"
            v-if="ruleForm.isStent == 1"
          >
            <el-input
              maxlength="300"
              v-model.trim="ruleForm.stentNum"
              placeholder="请输入大动脉支架置入数量"
            />
          </el-form-item>
        </div>
        <div class="title-info">
          <div class="black-blue"></div>
          <span class="star">*</span>既往史<span class="title-gray"
            >（可多选）</span
          >
        </div>
        <div class="main-info">
          <el-form-item prop="pastHistory">
            <el-checkbox-group v-model="ruleForm.pastHistory">
              <el-checkbox
                class="check-info"
                v-for="(item, index) in pastHistory"
                :label="item.label"
                :key="index"
                >{{ item.label
                }}<span v-if="item.desc" class="desc-info">{{
                  item.desc
                }}</span></el-checkbox
              >
            </el-checkbox-group>
          </el-form-item>

          <el-form-item
            label="手术史备注"
            class="info-box input-info"
            prop="operationRemarks"
          >
            <el-input
              type="textarea"
              :autosize="{ minRows: 2, maxRows: 4 }"
              maxlength="300"
              placeholder="重点描述上述阳性结果或补充说明"
              show-word-limit
              v-model.trim="ruleForm.operationRemarks"
            />
          </el-form-item>
          <el-form-item
            label="合并症备注"
            class="info-box input-info"
            prop="comorbidityRemarks"
          >
            <el-input
              type="textarea"
              :rows="2"
              :autosize="{ minRows: 2, maxRows: 4 }"
              show-word-limit
              maxlength="300"
              placeholder=""
              v-model.trim="ruleForm.comorbidityRemarks"
            />
          </el-form-item>
        </div>
      </div>
      <!-- *实验室检查 -->
      <div class="basic-information margin-top padding-bottom">
        <div class="top-title">
          <span class="star">*</span>实验室检查<span class="title-gray"
            >（请填写时附带指标单位）</span
          >
        </div>
        <div class="main-info">
          <el-form-item label="白细胞" class="input-boxs" prop="leukocyte">
            <el-input
              maxlength="300"
              v-model="ruleForm.leukocyte"
              placeholder="请输入白细胞"
            />
          </el-form-item>
          <el-form-item
            label="血红蛋白浓度"
            class="input-boxs"
            prop="hemoglobin"
          >
            <el-input
              v-model="ruleForm.hemoglobin"
              placeholder="请输入血红蛋白浓度"
              maxlength="300"
            />
          </el-form-item>
          <el-form-item label="血小板" class="input-boxs" prop="platelet">
            <el-input
              maxlength="300"
              v-model="ruleForm.platelet"
              placeholder="请输入血小板"
            />
          </el-form-item>
          <el-form-item label="D二聚体" class="input-boxs" prop="dimer">
            <el-input
              maxlength="300"
              v-model="ruleForm.dimer"
              placeholder="请输入D二聚体"
            />
          </el-form-item>
          <el-form-item label="纤维蛋白原含量" class="input-boxs" prop="fibrin">
            <el-input
              maxlength="300"
              v-model="ruleForm.fibrin"
              placeholder="请输入纤维蛋白原含量"
            />
          </el-form-item>
          <el-form-item label="ALT" class="input-boxs" prop="alt">
            <el-input
              maxlength="300"
              v-model="ruleForm.alt"
              placeholder="请输入ALT"
            />
          </el-form-item>
          <el-form-item label="AST" class="input-boxs" prop="ast">
            <el-input
              maxlength="300"
              v-model="ruleForm.ast"
              placeholder="请输入AST"
            />
          </el-form-item>
          <el-form-item label="白蛋白" class="input-boxs" prop="bloodProtein">
            <el-input
              maxlength="300"
              v-model="ruleForm.bloodProtein"
              placeholder="请输入白蛋白"
            />
          </el-form-item>

          <el-form-item label="尿素氮" class="input-boxs" prop="ureaNitrogen">
            <el-input
              maxlength="300"
              v-model="ruleForm.ureaNitrogen"
              placeholder="请输入尿素氮"
            /> </el-form-item
          ><el-form-item label="尿酸" class="input-boxs" prop="uricAcid">
            <el-input
              maxlength="300"
              v-model="ruleForm.uricAcid"
              placeholder="请输入尿酸"
            /> </el-form-item
          ><el-form-item label="肌酐" class="input-boxs" prop="creatinine">
            <el-input
              maxlength="300"
              v-model="ruleForm.creatinine"
              placeholder="请输入肌酐"
            />
          </el-form-item>
        </div>
      </div>
      <!-- *主动脉CTA检查 -->
      <div class="basic-information margin-top padding-bottom">
        <div class="top-title"><span class="star">*</span>主动脉CTA检查</div>
        <div class="main-info">
          <el-form-item class="input-boxs" prop="isCheckDe">
            <el-checkbox
              :true-label="1"
              :false-label="0"
              v-model="ruleForm.isCheckDe"
              >主动脉夹层Debakey分型</el-checkbox
            >
          </el-form-item>
          <template v-if="ruleForm.isCheckDe == 1">
            <el-form-item
              label="类型"
              class="input-boxs"
              style="width: 100%"
              prop="typeDe"
            >
              <el-select v-model="ruleForm.typeDe" placeholder="请选择类型">
                <el-option
                  v-for="(item, index) in typeDeList"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
            <el-form-item
              label="受累主动脉最大直径"
              class="input-boxs"
              prop="maxDiamDe"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.maxDiamDe"
                placeholder="请输入受累主动脉最大直径"
              />
            </el-form-item>
            <el-form-item
              label="受累主动脉最大真腔直径"
              class="input-boxs"
              prop="realDiamDe"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.realDiamDe"
                placeholder="请输入受累主动脉最大真腔直径"
              />
            </el-form-item>
            <el-form-item
              label="受累主动脉最大假腔直径"
              class="input-boxs"
              prop="fakeDiamDe"
              style="width: 30%"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.fakeDiamDe"
                placeholder="请输入受累主动脉最大假腔直径"
              />
            </el-form-item>
          </template>
          <el-form-item class="input-boxs" prop="isCheckIm" style="width: 100%">
            <el-checkbox
              :true-label="1"
              :false-label="0"
              v-model="ruleForm.isCheckIm"
              >IMH_壁间血肿</el-checkbox
            >
          </el-form-item>
          <template v-if="ruleForm.isCheckIm == 1">
            <el-form-item
              label="受累主动脉最大直径"
              class="input-boxs"
              prop="maxDiamIm"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.maxDiamIm"
                placeholder="请输入受累主动脉最大直径"
              />
            </el-form-item>
            <el-form-item
              label="血肿最大厚度"
              class="input-boxs"
              prop="maxGaugeIm"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.maxGaugeIm"
                placeholder="请输入血肿最大厚度"
              />
            </el-form-item>
            <el-form-item
              label="血肿最大厚度处主动脉直径"
              class="input-boxs"
              prop="GaugeDiamIm"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.GaugeDiamIm"
                placeholder="请输入血肿最大厚度处主动脉直径"
              />
            </el-form-item>
          </template>
          <el-form-item class="input-boxs" prop="isCheckTa" style="width: 100%">
            <el-checkbox
              :true-label="1"
              :false-label="0"
              v-model="ruleForm.isCheckTa"
              >TAA_胸主动脉瘤</el-checkbox
            >
          </el-form-item>
          <template v-if="ruleForm.isCheckTa == 1">
            <el-form-item
              label="受累主动脉最大直径"
              class="input-boxs"
              prop="maxDiamTa"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.maxDiamTa"
                placeholder="请输入受累主动脉最大直径"
              />
            </el-form-item>
          </template>
          <el-form-item class="input-boxs" prop="isCheckAa" style="width: 100%">
            <el-checkbox
              :true-label="1"
              :false-label="0"
              v-model="ruleForm.isCheckAa"
              >AAA_腹主动脉瘤</el-checkbox
            >
          </el-form-item>
          <template v-if="ruleForm.isCheckAa == 1">
            <el-form-item
              label="受累主动脉最大直径"
              class="input-boxs"
              prop="maxDiamAa"
            >
              <el-input
                maxlength="300"
                v-model.trim="ruleForm.maxDiamAa"
                placeholder="请输入受累主动脉最大直径"
              />
            </el-form-item>
          </template>
          <el-form-item class="input-boxs" prop="isCheckPa" style="width: 100%">
            <el-checkbox
              :true-label="1"
              :false-label="0"
              v-model="ruleForm.isCheckPa"
              >PAU_穿透性溃疡</el-checkbox
            >
          </el-form-item>
          <el-form-item class="input-boxs" prop="isCheckPs" style="width: 100%">
            <el-checkbox
              :true-label="1"
              :false-label="0"
              v-model="ruleForm.isCheckPs"
              >主动脉假性动脉瘤</el-checkbox
            >
          </el-form-item>
          <template v-if="ruleForm.isCheckPs == 1">
            <el-form-item label="类型" class="input-boxs" prop="typePs">
              <el-select v-model="ruleForm.typePs" placeholder="请选择类型">
                <el-option
                  v-for="(item, index) in typePsList"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </template>
        </div>
      </div>
      <!-- 血供情况 -->
      <div class="basic-information margin-top padding-bottom">
        <div class="top-title"><span class="star">*</span>血供情况</div>
        <div class="main-info">
          <el-form-item label="椎动脉优势情况" class="input-boxs" prop="zdm">
            <el-select
              v-model="ruleForm.zdm"
              placeholder="请选择椎动脉优势情况"
            >
              <el-option
                v-for="(item, index) in goodList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="头臂动脉供血情况" class="input-boxs" prop="tbdm">
            <el-select
              v-model="ruleForm.tbdm"
              placeholder="请选择头臂动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>

          <el-form-item
            label="左颈总动脉供血情况"
            class="input-boxs"
            prop="zjdm"
          >
            <el-select
              v-model="ruleForm.zjdm"
              placeholder="请选择左颈总动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="左锁骨下动脉供血情况"
            class="input-boxs"
            prop="zsgdm"
          >
            <el-select
              v-model="ruleForm.zsgdm"
              placeholder="请选择左锁骨下动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="腹腔干动脉供血情况"
            class="input-boxs"
            prop="fqgdm"
          >
            <el-select
              v-model="ruleForm.fqgdm"
              placeholder="请选择腹腔干动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="肠系膜上动脉供血情况"
            class="input-boxs"
            prop="cxmdm"
          >
            <el-select
              v-model="ruleForm.cxmdm"
              placeholder="请选择肠系膜上动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>

          <el-form-item label="脉供血情况" class="input-boxs" prop="mgx">
            <el-select v-model="ruleForm.mgx" placeholder="请选择脉供血情况">
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="右肾动脉供血情况" class="input-boxs" prop="ysdm">
            <el-select
              v-model="ruleForm.ysdm"
              placeholder="请选择右肾动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="左髂总动脉供血情况"
            class="input-boxs"
            prop="zqzdm"
          >
            <el-select
              v-model="ruleForm.zqzdm"
              placeholder="请选择左髂总动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="左髂外动脉供血情况"
            class="input-boxs"
            prop="zqwdm"
          >
            <el-select
              v-model="ruleForm.zqwdm"
              placeholder="请选择左髂外动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="左髂内动脉供血情况"
            class="input-boxs"
            prop="zqndm"
          >
            <el-select
              v-model="ruleForm.zqndm"
              placeholder="请选择左髂内动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="右髂总动脉供血情况"
            class="input-boxs"
            prop="yqzdm"
          >
            <el-select
              v-model="ruleForm.yqzdm"
              placeholder="请选择右髂总动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="右髂外动脉供血情况"
            class="input-boxs"
            prop="yqwdm"
          >
            <el-select
              v-model="ruleForm.yqwdm"
              placeholder="请选择右髂外动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item
            label="右髂内动脉供血情况"
            class="input-boxs"
            prop="yqndm"
          >
            <el-select
              v-model="ruleForm.yqndm"
              placeholder="请选择右髂内动脉供血情况"
            >
              <el-option
                v-for="(item, index) in statusList"
                :key="index"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>
        </div>
      </div>
      <div class="basic-information margin-top">
        <div class="top-title"><span class="star">*</span>院内结局</div>
        <div class="main-info">
          <el-form-item
            class="input-boxs"
            :class="{ isAll: ruleForm.isDead !== '1' }"
            label="是否死亡："
            prop="isDead"
          >
            <el-radio-group v-model="ruleForm.isDead">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <template v-if="ruleForm.isDead == 1">
            <el-form-item label="死亡时间" class="input-boxs" prop="deadDate">
              <el-date-picker
                value-format="yyyy-MM-dd"
                :clearable="false"
                v-model="ruleForm.deadDate"
                type="date"
                placeholder="请选择死亡时间"
              />
            </el-form-item>
            <el-form-item
              label="死亡类型"
              label-position="right"
              class="input-boxs"
              prop="deadType"
              style="margin-right: 10px"
            >
              <el-select
                v-model="ruleForm.deadType"
                placeholder="请选择死亡类型"
              >
                <el-option
                  v-for="(item, index) in typeList"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </template>

          <el-form-item label="逆撕或破裂：" prop="nspl" class="info-boxs">
            <el-radio-group v-model="ruleForm.nspl">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="脑梗塞：" prop="ngs" class="info-boxs">
            <el-radio-group v-model="ruleForm.ngs">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="脑出血：" prop="ncx" class="info-boxs">
            <el-radio-group v-model="ruleForm.ncx">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="截瘫/脊髓缺血：" prop="jt" class="info-boxs">
            <el-radio-group v-model="ruleForm.jt">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="后行腰大池引流：" prop="hxy" class="info-boxs">
            <el-radio-group v-model="ruleForm.hxy">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="肢体缺血：" prop="ztqx" class="info-boxs">
            <el-radio-group v-model="ruleForm.ztqx">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="脏器缺血：" prop="zqqx" class="info-boxs">
            <el-radio-group v-model="ruleForm.zqqx">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="新发透析：" prop="xftx" class="info-boxs">
            <el-radio-group v-model="ruleForm.xftx">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="谵妄/狂躁：" prop="zwzk" class="info-boxs">
            <el-radio-group v-model="ruleForm.zwzk">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="再手术：" prop="zss" class="info-boxs">
            <el-radio-group v-model="ruleForm.zss">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="术后机械通气时间>=24小时:"
            prop="projJx"
            class="info-boxs"
          >
            <el-radio-group v-model="ruleForm.projJx">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="术后存在非计划二次手术："
            prop="projEc"
            class="info-boxs"
          >
            <el-radio-group v-model="ruleForm.projEc">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item class="info-boxs" label="术后发生内漏：" prop="projNl">
            <el-radio-group v-model="ruleForm.projNl">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术后发生脑卒中："
            prop="projNz"
          >
            <el-radio-group v-model="ruleForm.projNz">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术后发生急性肾衰竭："
            prop="projSs"
          >
            <el-radio-group v-model="ruleForm.projSs">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item class="info-boxs" label="术后脊髓损伤：" prop="projJs">
            <el-radio-group v-model="ruleForm.projJs">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术后发生心肌梗死："
            prop="projXg"
          >
            <el-radio-group v-model="ruleForm.projXg">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术前使用他汀类药物："
            prop="projTl"
          >
            <el-radio-group v-model="ruleForm.projTl">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术前使用β受体阻滞剂："
            prop="projBz"
          >
            <el-radio-group v-model="ruleForm.projBz">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术后30天内完成随访："
            prop="projSf"
          >
            <el-radio-group v-model="ruleForm.projSf">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            class="info-boxs"
            label="术后30天内完成CTA复查："
            prop="projFc"
          >
            <el-radio-group v-model="ruleForm.projFc">
              <el-radio
                v-for="(item, index) in isOrFalse"
                :key="index"
                :label="item.value"
              >
                {{ item.label }}
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="备注" class="info-box input-info" prop="remarks">
            <el-input
              type="textarea"
              :rows="2"
              :autosize="{ minRows: 2, maxRows: 4 }"
              show-word-limit
              maxlength="300"
              placeholder="请输入备注"
              v-model.trim="ruleForm.remarks"
            />
          </el-form-item>
        </div>
      </div>
    </el-form>
    <div class="back-btn">
      <el-button type="primary" class="sure-btn" size="mini" @click="goBack"
        >返回</el-button
      >
    </div>
    <div
      class="change-box"
      v-if="this.info && this.info.showType !== 1 && tableData.length > 0"
    >
      <div class="top-box">上报修改记录</div>
      <div class="table-box">
        <el-table
          :data="tableData"
          size="mini"
          style="width: 100%"
          max-height="500"
          :header-cell-style="{
            background: '#F7F8FA',
            color: '#203549',
          }"
        >
          <el-table-column prop="date" align="center" label="修改时间" />

          <el-table-column prop="type" align="center" label="修改类型">
            <template slot-scope="scope">
              {{
                scope.row.type == 0
                  ? '基础信息'
                  : scope.row.type == 1
                  ? '病例信息'
                  : scope.row.type == 2
                  ? '实验室检查'
                  : scope.row.type == 3
                  ? '主动脉CTA检查'
                  : scope.row.type == 4
                  ? '血供情况'
                  : scope.row.type == 5
                  ? '院内结局'
                  : ''
              }}
            </template>
          </el-table-column>
          <el-table-column prop="oldContent" align="center" label="原有内容" />
          <el-table-column prop="newContent" align="center" label="修改内容" />
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
import { timeMode, CheckIDCardByJS } from '@/utils/js/util';
import nations from '@/utils/js/nation';
export default {
  components: {},
  name: 'HospitalPatientDetail',
  data() {
    //验证身份证号码、获取生日、年龄、性别
    var validateIdNumber = (rule, value, callback) => {
      if (!value) {
        this.ruleForm.gender = '';
        this.ruleForm.birthday = '';
        this.ruleForm.age = '';
        callback(new Error('请输入身份证号'));
      } else {
        let { flag, time, gender, age, msg } = CheckIDCardByJS(value);
        this.ruleForm.gender = gender;
        this.ruleForm.birthday = time;
        this.ruleForm.age = age;
        if (flag == true) {
          callback();
        } else {
          callback(new Error(msg));
        }
      }
    };
    return {
      timeMode,
      CheckIDCardByJS,
      nations,
      rulesList: {
        //血供情况
        zdm: [
          {
            required: true,
            message: '请选择椎动脉优势情况',
            trigger: 'change',
          },
        ],
        tbdm: [
          {
            required: true,
            message: '请选择头臂动脉供血情况',
            trigger: 'change',
          },
        ],
        zjdm: [
          {
            required: true,
            message: '请选择左颈总动脉供血情况',
            trigger: 'change',
          },
        ],
        zsgdm: [
          {
            required: true,
            message: '请选择左锁骨下动脉供血情况',
            trigger: 'change',
          },
        ],
        fqgdm: [
          {
            required: true,
            message: '请选择腹腔干动脉供血情况',
            trigger: 'change',
          },
        ],
        cxmdm: [
          {
            required: true,
            message: '请选择肠系膜上动脉供血情况',
            trigger: 'change',
          },
        ],
        mgx: [
          {
            required: true,
            message: '请选择脉供血情况',
            trigger: 'change',
          },
        ],
        ysdm: [
          {
            required: true,
            message: '请选择右肾动脉供血情况',
            trigger: 'change',
          },
        ],

        zqzdm: [
          {
            required: true,
            message: '请选择左髂总动脉供血情况',
            trigger: 'change',
          },
        ],
        zqwdm: [
          {
            required: true,
            message: '请选择左髂外动脉供血情况',
            trigger: 'change',
          },
        ],
        zqndm: [
          {
            required: true,
            message: '请选择左髂内动脉供血情况',
            trigger: 'change',
          },
        ],
        yqzdm: [
          {
            required: true,
            message: '请选择右髂总动脉供血情况',
            trigger: 'change',
          },
        ],
        yqwdm: [
          {
            required: true,
            message: '请选择右髂外动脉供血情况',
            trigger: 'change',
          },
        ],
        yqndm: [
          {
            required: true,
            message: '请选择右髂内动脉供血情况',
            trigger: 'change',
          },
        ],
        //主动脉CTA检查
        debakeyIsCheck: [
          {
            required: false,
            message: '主动脉夹层Debakey分型',
            trigger: 'change',
          },
        ],
        debakeyIsType: [
          {
            required: true,
            message: '请选择类型',
            trigger: 'change',
          },
        ],
        debakeyMaxDiam: [
          {
            required: true,
            message: '请输入受累主动脉最大直径',
            trigger: 'blur',
          },
        ],
        debakeyRealDiam: [
          {
            required: true,
            message: '请输入受累主动脉最大真腔直径',
            trigger: 'blur',
          },
        ],
        debakeyFakeDiam: [
          {
            required: true,
            message: '请输入受累主动脉最大假腔直径',
            trigger: 'blur',
          },
        ],
        imhIsCheck: [
          {
            required: false,
            message: 'IMH_壁间血肿',
            trigger: 'change',
          },
        ],
        imhMaxDiam: [
          {
            required: true,
            message: '请输入受累主动脉最大直径',
            trigger: 'blur',
          },
        ],
        imhMaxGauge: [
          {
            required: true,
            message: '请输入血肿最大厚度',
            trigger: 'blur',
          },
        ],
        imhGaugeDiam: [
          {
            required: true,
            message: '请输入血肿最大厚度处主动脉直径',
            trigger: 'blur',
          },
        ],
        taaIsCheck: [
          {
            required: false,
            message: 'TAA_胸主动脉瘤',
            trigger: 'change',
          },
        ],
        taaMaxDiam: [
          {
            required: true,
            message: '请输入受累主动脉最大直径',
            trigger: 'blur',
          },
        ],
        aaaIsCheck: [
          {
            required: false,
            message: 'AAA_腹主动脉瘤',
            trigger: 'change',
          },
        ],
        aaaMaxDiam: [
          {
            required: true,
            message: '请输入受累主动脉最大直径',
            trigger: 'blur',
          },
        ],
        pauIsCheck: [
          {
            required: false,
            message: 'PAU_穿透性溃疡',
            trigger: 'change',
          },
        ],
        pseudoaneurysmIsCheck: [
          {
            required: false,
            message: '主动脉假性动脉瘤',
            trigger: 'change',
          },
        ],
        pseudoaneurysmIsType: [
          {
            required: true,
            message: '请选择类型',
            trigger: 'change',
          },
        ],
        //实验室检查
        leukocyte: [
          {
            required: true,
            message: '请输入白细胞',
            trigger: 'blur',
          },
        ],
        hemoglobin: [
          {
            required: true,
            message: '请输入血红蛋白浓度',
            trigger: 'blur',
          },
        ],
        platelet: [
          {
            required: true,
            message: '请输入血小板',
            trigger: 'blur',
          },
        ],
        dimer: [
          {
            required: true,
            message: '请输入D二聚体',
            trigger: 'blur',
          },
        ],
        fibrin: [
          {
            required: true,
            message: '请输入纤维蛋白原含量',
            trigger: 'blur',
          },
        ],
        alt: [
          {
            required: true,
            message: '请输入ALT',
            trigger: 'blur',
          },
        ],
        ast: [
          {
            required: true,
            message: '请输入AST',
            trigger: 'blur',
          },
        ],
        bloodProtein: [
          {
            required: true,
            message: '请输入白蛋白',
            trigger: 'blur',
          },
        ],
        ureaNitrogen: [
          {
            required: true,
            message: '请输入尿素氮',
            trigger: 'blur',
          },
        ],
        uricAcid: [
          {
            required: true,
            message: '请输入尿酸',
            trigger: 'blur',
          },
        ],
        creatinine: [
          {
            required: true,
            message: '请输入肌酐',
            trigger: 'blur',
          },
        ],

        //既往史
        pastHistory: [
          {
            required: true,
            message: '请选择既往史',
            trigger: 'blur',
          },
        ],
        comorbidityRemarks: [
          {
            required: false,
            message: '',
            trigger: 'blur',
          },
        ],
        operationRemarks: [
          {
            required: false,
            message: '重点描述上述阳性结果或补充说明',
            trigger: 'blur',
          },
        ],
        //住院信息
        illDate: [
          {
            required: true,
            message: '请输入发病时间',
            trigger: 'blur',
          },
        ],
        admissionDate: [
          { required: true, message: '请选择入院日期', trigger: 'change' },
        ],
        isEmergency: [
          { required: true, message: '请选择是否急诊', trigger: 'change' },
        ],
        heartRate: [
          {
            required: true,
            message: '请输入入院时心率',
            trigger: 'blur',
          },
        ],
        diastolic: [
          {
            required: true,
            message: '请输入入院右上肢舒张压',
            trigger: 'blur',
          },
        ],
        systolic: [
          {
            required: true,
            message: '请输入入院右上肢收缩压',
            trigger: 'blur',
          },
        ],
        dischargeDate: [
          { required: true, message: '请选择出院日期', trigger: 'change' },
        ],
        HospitalDays: [
          {
            required: true,
            message: '请输入住院天数',
            trigger: 'blur',
          },
        ],
        iintensiveCare: [
          {
            required: true,
            message: '请输入重症监护时间',
            trigger: 'blur',
          },
        ],
        //基础信息
        admissionNum: [
          { required: true, message: '请输入住院号', trigger: 'blur' },
        ],
        name: [{ required: true, message: '请输入患者姓名', trigger: 'blur' }],
        cardNo: [
          {
            required: false,
            validator: validateIdNumber,
            trigger: 'blur',
          },
        ],
        gender: [{ required: true, message: '请选择性别', trigger: 'change' }],
        birthday: [
          { required: false, message: '请选择出生日期', trigger: 'change' },
        ],
        age: [{ required: true, message: '请输入年龄', trigger: 'change' }],
        marriage: [
          { required: true, message: '请选择婚姻状况', trigger: 'change' },
        ],
        nation: [{ required: true, message: '请选择民族', trigger: 'change' }],
        phone: [
          {
            required: true,
            validator: this.getValidatorPhoneNumber(),
            trigger: 'blur',
          },
        ],
        //手术信息
        operationDate: [
          { required: true, message: '请选择手术日期', trigger: 'change' },
        ],
        operationType: [
          { required: true, message: '请选择手术类型', trigger: 'change' },
        ],
        operator: [{ required: true, message: '请输入术者', trigger: 'blur' }],
        treatmentType: [
          {
            required: true,
            message: '请选择治疗策略',
            trigger: 'change',
          },
        ],
        stentNum: [
          {
            required: true,
            message: '请输入大动脉支架置入数量',
            trigger: 'blur',
          },
        ],
        isStent: [
          {
            required: true,
            message: '请选择是否置入大动脉支架',
            trigger: 'change',
          },
        ],

        isDead: [
          {
            required: true,
            message: '请选择是否死亡',
            trigger: 'change',
          },
        ],
        deadDate: [
          {
            required: true,
            message: '请选择死亡时间',
            trigger: 'change',
          },
        ],
        deathType: [
          {
            required: true,
            message: '请选择死亡类型',
            trigger: 'change',
          },
        ],
        projJx: [
          {
            required: true,
            message: '请选择术后机械通气时间>=24小时',
            trigger: 'change',
          },
        ],
        nspl: [
          {
            required: true,
            message: '请选择逆撕或破裂',
            trigger: 'change',
          },
        ],
        ngs: [
          {
            required: true,
            message: '请选择脑梗塞',
            trigger: 'change',
          },
        ],
        ncx: [
          {
            required: true,
            message: '请选择脑出血',
            trigger: 'change',
          },
        ],
        jt: [
          {
            required: true,
            message: '请选择截瘫/脊髓缺血',
            trigger: 'change',
          },
        ],
        hxy: [
          {
            required: true,
            message: '请选择后行腰大池引流',
            trigger: 'change',
          },
        ],
        ztqx: [
          {
            required: true,
            message: '请选择肢体缺血',
            trigger: 'change',
          },
        ],
        zqqx: [
          {
            required: true,
            message: '请选择脏器缺血',
            trigger: 'change',
          },
        ],
        xftx: [
          {
            required: true,
            message: '请选择新发透析',
            trigger: 'change',
          },
        ],
        zwzk: [
          {
            required: true,
            message: '请选择谵妄/狂躁',
            trigger: 'change',
          },
        ],
        zss: [
          {
            required: true,
            message: '请选择再手术',
            trigger: 'change',
          },
        ],
        projEc: [
          {
            required: true,
            message: '请选择术后存在非计划二次手术',
            trigger: 'change',
          },
        ],
        projNl: [
          {
            required: true,
            message: '请选择术后发生内漏',
            trigger: 'change',
          },
        ],
        projNz: [
          {
            required: true,
            message: '请选择术后发生脑卒中',
            trigger: 'change',
          },
        ],
        projSs: [
          {
            required: true,
            message: '请选择术后发生急性肾衰竭',
            trigger: 'change',
          },
        ],
        projJs: [
          {
            required: true,
            message: '请选择术后脊髓损伤',
            trigger: 'change',
          },
        ],
        projXg: [
          {
            required: true,
            message: '请选择术后发生心肌梗死',
            trigger: 'change',
          },
        ],
        projTl: [
          {
            required: true,
            message: '请选择术前使用他汀类药物',
            trigger: 'change',
          },
        ],
        projBz: [
          {
            required: true,
            message: '请选择术前使用β受体阻滞剂',
            trigger: 'change',
          },
        ],
        projSf: [
          {
            required: false,
            message: '请选择术后30天内完成随访',
            trigger: 'change',
          },
        ],
        projFc: [
          {
            required: false,
            message: '请选择术前30天内完成CTA复查',
            trigger: 'change',
          },
        ],
      },
      showDisabled: true,
      statusList: [
        {
          label: '真腔供血',
          value: '真腔供血',
        },
        {
          label: '假腔供血',
          value: '假腔供血',
        },
        {
          label: '真假腔共同供血',
          value: '真假腔共同供血',
        },
        {
          label: '不详',
          value: '不详',
        },
      ],
      goodList: [
        {
          label: '等优势',
          value: '等优势',
        },
        {
          label: '左椎优势',
          value: '左椎优势',
        },
        {
          label: '右椎优势',
          value: '右椎优势',
        },
        {
          label: '不详',
          value: '不详',
        },
      ],
      pastHistory: [
        {
          label: '吸烟史',
          value: 1,
        },
        { label: '饮酒史', value: 2 },
        { label: '主动脉疾病家族史', value: 3 },
        { label: '脑出血史', value: 4 },
        { label: '脑梗塞史', value: 5 },
        { label: 'HT-高血压病', value: 6 },
        { label: 'DM-糖尿病', value: 7 },
        { label: 'CAD-冠心病', value: 8 },
        { label: '高血脂症/服药降脂药', value: 9 },
        { label: '慢性肾脏疾病', value: 10 },

        { label: '心房扑动/颤动', value: 11 },
        { label: '慢性阻塞性肺疾病', value: 12 },
        { label: '明确主动脉疾病', value: 13 },
        { label: '马凡综合征', value: 14 },

        { label: 'D恶性肿瘤', value: 15 },
        { label: '心脏瓣膜置换/整形术史', value: 16 },
        { label: '经皮冠状动脉成形术史（PTCA）', value: 17 },
        { label: '经经皮冠状动脉支架植入术史（PCI）', value: 18 },

        { label: '冠状动脉旁路移植术史（CABG）', value: 19 },
        { label: '车祸/外伤致主动脉疾病史', value: 20 },
        { label: '维持性透析', value: 21 },
        {
          label: '自身免疫性疾病史',
          value: 22,
          desc: '（动脉炎、血管炎、巴塞病/贝赫切特、系统性红斑狼疮）',
        },
      ],
      strategyList: [
        {
          value: '保守',
          label: '保守',
        },
        {
          value: 'TEVAR（夹层）',
          label: 'TEVAR（夹层）',
        },
        {
          value: 'EVAR(瘤）',
          label: 'EVAR(瘤）',
        },
        {
          value: '弓上分流',
          label: '弓上分流',
        },
        {
          value: '烟囱',
          label: '烟囱',
        },
        {
          value: '分支支架',
          label: '分支支架',
        },

        {
          value: '开窗',
          label: '开窗',
        },
        {
          value: 'Debranch',
          label: 'Debranch',
        },
        {
          value: '冰冻象鼻',
          label: '冰冻象鼻',
        },
        {
          value: '单纯主动脉造影',
          label: '单纯主动脉造影',
        },
        {
          value: 'LSA封堵',
          label: 'LSA封堵',
        },
        {
          value: '其他',
          label: '其他',
        },
      ],

      typeDeList: [
        {
          value: 'I型(升主，降主）',
          label: 'I型(升主，降主）',
        },
        {
          value: 'II型（升主）',
          label: 'II型（升主）',
        },
        {
          value: 'IIIa型（局限与胸降主动脉）',
          label: 'IIIa型（局限与胸降主动脉）',
        },
        {
          value: 'IIIb型（向下累及至腹主动脉）',
          label: 'IIIb型（向下累及至腹主动脉）',
        },
        {
          value: '不详',
          label: '不详',
        },
      ],
      typePsList: [
        {
          value: '完全假腔血栓化',
          label: '完全假腔血栓化',
        },
        {
          value: '包含壁内血肿',
          label: '包含壁内血肿',
        },
        {
          value: '部分假腔血栓化',
          label: '部分假腔血栓化',
        },
        {
          value: '假腔完全通畅',
          label: '假腔完全通畅',
        },
        {
          value: '动脉瘤腔内血栓形成',
          label: '动脉瘤腔内血栓形成',
        },
        {
          value: '不存在假腔也无血栓',
          label: '不存在假腔也无血栓',
        },
        {
          value: '不详',
          label: '不详',
        },
      ],
      ruleForm: {
        admissionNum: '', //住院号
        isExpire: '',
        actionType: '', //0保存并继续添加 1提交上报
        name: '', //患者姓名
        cardNo: '', //身份证号
        gender: '', //性别
        birthday: '', //出生日期
        age: '', //年龄
        marriage: '', //婚姻状况
        nation: '', //民族
        phone: '', //联系方式

        //病例信息
        illDate: '', //发病时间
        isEmergency: 0, //是否急诊
        heartRate: '', //入院时心率
        admissionDate: '', //入院日期
        systolic: '', //入院右上肢收缩压
        diastolic: '', //入院右上肢舒张压
        dischargeDate: '', //出院日期
        HospitalDays: '', //住院天数
        iintensiveCare: '', //重症监护时间

        //手术信息
        operationDate: '', //手术日期
        operationType: '', //手术类型
        operator: '', //术者
        treatmentType: '', //治疗策略
        isStent: 1, //是否置入大动脉支架：
        stentNum: '', //大动脉支架置入数量
        pastHistory: [], //既往史
        operationRemarks: '', //手术备注
        comorbidityRemarks: '', //合并症备注
        //实验室检查
        leukocyte: '', //白细胞
        hemoglobin: '', //血红蛋白浓度
        platelet: '', //血小板
        dimer: '', //D二聚体
        fibrin: '', //纤维蛋白原含量
        alt: '', //ALT
        ast: '', //AST
        bloodProtein: '', //白蛋白
        ureaNitrogen: '', //尿素氮
        uricAcid: '', //尿酸
        creatinine: '', //肌酐
        //主动脉CTA检查
        isCheckDe: 0, //主动脉夹层Debakey分型 是否勾选（0不选 1选）
        typeDe: '', //主动脉夹层Debakey分型 类型
        maxDiamDe: '', //主动脉夹层Debakey分型 受累主动脉最大直径
        realDiamDe: '', //主动脉夹层Debakey分型 受累主动脉最大真腔直径
        fakeDiamDe: '', //主动脉夹层Debakey分型 受累主动脉最大假腔直径
        //主动脉CTA检查
        isCheckIm: 0, //IMH_壁间血肿 是否勾选（0不选 1选）
        maxDiamIm: '', //受累主动脉最大直径
        maxGaugeIm: '', //受累主动脉最大真腔直径
        GaugeDiamIm: '', //受累主动脉最大假腔直径
        //TAA_胸主动脉瘤
        isCheckTa: 0, //是否勾选（0不选 1选）
        maxDiamTa: '', //受累主动脉最大直径
        //AAA_腹主动脉瘤
        isCheckAa: 0, //是否勾选（0不选 1选）
        maxDiamAa: '', //受累主动脉最大直径
        //PAU_穿透性溃疡
        isCheckPa: 0, //是否勾选（0不选 1选）
        //主动脉假性动脉瘤
        isCheckPs: 0, //是否勾选（0不选 1选）
        typePs: '', // 类型
        //血供情况 bloodSupply
        zdm: '', //椎动脉优势情况（123...下面指标一样）
        tbdm: '', //头臂动脉供血情况
        zjdm: '', //左颈总动脉供血情况
        zsgdm: '', //左锁骨下动脉供血情况
        fqgdm: '', //腹腔干动脉供血情况
        cxmdm: '', //肠系膜上动脉供血情况
        mgx: '', //脉供血情况
        ysdm: '', //右肾动脉供血情况
        zqzdm: '', //左髂总动脉供血情况
        zqwdm: '', //左髂外动脉供血情况
        zqndm: '', //左髂内动脉供血情况
        yqzdm: '', //右髂总动脉供血情况
        yqwdm: '', //右髂外动脉供血情况
        yqndm: '', //右髂内动脉供血情况
        //院内结局 hospitalOutcome
        remarks: '',
        isDead: '', //术住院死亡：
        deadDate: '', //死亡时间
        deadType: '', //死亡类型
        nspl: '', //逆撕或破裂（0否 1是）
        ngs: '', //脑梗塞（0否 1是）
        ncx: '', //脑出血（0否 1是）
        jt: '', //截瘫/脊髓缺血（0否 1是）
        hxy: '', //后行腰大池引流（0否 1是）
        ztqx: '', //肢体缺血（0否 1是）
        zqqx: '', //脏器缺血（0否 1是）
        xftx: '', //新发透析（0否 1是）
        zwzk: '', //谵妄/狂躁（0否 1是）
        zss: '', //再手术（0否 1是）
        projJx: '', //后机械通气时间>=24小时:
        projEc: '', //存在非计划二次手术：
        projNl: '', //后发生内漏：
        projNz: '', //后发生脑卒中：
        projSs: '', //后发生急性肾衰竭：
        projJs: '', //后脊髓损伤：
        projXg: '', //后发生心肌梗死：
        projTl: '', //前使用他汀类药物：
        projBz: '', //前使用β受体阻滞剂：
        projSf: '', //后30天内完成随访：
        projFc: '', //30天内完成CTA复查：
      },
      allGender: [
        {
          value: 1,
          label: '男',
        },
        {
          value: 2,
          label: '女',
        },
      ],
      marriage: [
        {
          value: 0,
          label: '未婚',
        },
        {
          value: 1,
          label: '已婚',
        },
        {
          value: 2,
          label: '离异',
        },
        {
          value: 3,
          label: '丧偶',
        },
        {
          value: 4,
          label: '未知',
        },
      ],
      isOrFalse: [
        {
          value: '1',
          label: '是',
        },
        {
          value: '0',
          label: '否',
        },
      ],
      typeList: [
        {
          value: '1',
          label: '自动出院',
        },
        {
          value: '2',
          label: '临终放弃治疗',
        },
      ],
      tableData: [],
      info: {},
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    if (this.$route.query) {
      this.info = JSON.parse(this.$route.query.info);
      this.getDetail(this.info.patientId);
      this.getHistory(this.info.patientId);
    }
  },
  methods: {
    // 验证手机号码
    getValidatorPhoneNumber() {
      return (rule, value, callback) => {
        if (this.ruleForm.phone === '') {
          callback(new Error('请输入患者联系方式'));
        } else {
          let srt = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
          if (!srt.test(this.ruleForm.phone)) {
            callback(new Error('患者联系方式格式不正确！'));
          }
          callback();
        }
      };
    },
    //获取修改记录
    getHistory(params) {
      this.$http
        .patientHistory(params)
        .then(res => {
          if (res.code == '0000000000') {
            res.data.forEach(item => {
              this.tableData.push(...JSON.parse(item.content));
            });
          } else {
            this.$message({
              showClose: true,
              message: res.msg,
              type: 'error',
            });
          }
        })
        .catch(() => {});
    },
    //获取详情
    getDetail(params) {
      this.$http
        .patientDetail(params)
        .then(res => {
          if (res.code == '0000000000') {
            const keys = Object.keys(res.data);
            for (let i = 0; i < keys.length; i++) {
              const key = keys[i];
              if (res.data[key] === null) {
                res.data[key] = '';
              }
            }
            let { otherInfo } = res.data;
            const otherInfos = JSON.parse(otherInfo);
            let {
              caseInfo,
              laboratoryInfo,
              aorta,
              bloodSupply,
              hospitalOutcome,
            } = otherInfos;
            let {
              pastHistory,
              operationInfo,
              hospitalInfo,
              comorbidityRemarks,
              operationRemarks,
            } = caseInfo;
            let { aaa, debakey, imh, pau, pseudoaneurysm, taa } = aorta;
            this.ruleForm = {
              admissionNum: res.data.admissionNum, //住院号
              isExpire: res.data.isExpire,
              isReport: res.data.isReport,
              actionType: res.data.isReport, //0保存并继续添加 1提交上报
              name: res.data.name, //患者姓名
              cardNo: res.data.cardNo, //身份证号
              gender: res.data.gender, //性别
              birthday: res.data.birthday, //出生日期
              age: res.data.age, //年龄
              marriage: res.data.marriage, //婚姻状况
              nation: res.data.nation, //民族
              phone: res.data.phone, //联系方式

              //病例信息
              illDate: hospitalInfo.illDate, //发病时间
              isEmergency: hospitalInfo.isEmergency, //是否急诊
              heartRate: hospitalInfo.heartRate, //入院时心率
              admissionDate: hospitalInfo.admissionDate, //入院日期
              systolic: hospitalInfo.systolic, //入院右上肢收缩压
              diastolic: hospitalInfo.diastolic, //入院右上肢舒张压
              dischargeDate: hospitalInfo.dischargeDate, //出院日期
              HospitalDays: hospitalInfo.HospitalDays, //住院天数
              iintensiveCare: hospitalInfo.iintensiveCare, //重症监护时间

              //手术信息
              operationDate: operationInfo.operationDate, //手术日期
              operationType: operationInfo.operationType, //手术类型
              operator: operationInfo.operator, //术者
              treatmentType: operationInfo.treatmentType, //治疗策略
              isStent: operationInfo.isStent, //是否置入大动脉支架：
              stentNum: operationInfo.stentNum, //大动脉支架置入数量
              pastHistory, //既往史
              operationRemarks, //手术备注
              comorbidityRemarks, //合并症备注
              //实验室检查
              leukocyte: laboratoryInfo.leukocyte, //白细胞
              hemoglobin: laboratoryInfo.hemoglobin, //血红蛋白浓度
              platelet: laboratoryInfo.platelet, //血小板
              dimer: laboratoryInfo.dimer, //D二聚体
              fibrin: laboratoryInfo.fibrin, //纤维蛋白原含量
              alt: laboratoryInfo.alt, //ALT
              ast: laboratoryInfo.ast, //AST
              bloodProtein: laboratoryInfo.bloodProtein, //白蛋白
              ureaNitrogen: laboratoryInfo.ureaNitrogen, //尿素氮
              uricAcid: laboratoryInfo.uricAcid, //尿酸
              creatinine: laboratoryInfo.creatinine, //肌酐
              //主动脉CTA检查
              isCheckDe: debakey.isCheckDe, //主动脉夹层Debakey分型 是否勾选（0不选 1选）
              typeDe: debakey.typeDe, //主动脉夹层Debakey分型 类型
              maxDiamDe: debakey.maxDiamDe, //主动脉夹层Debakey分型 受累主动脉最大直径
              realDiamDe: debakey.realDiamDe, //主动脉夹层Debakey分型 受累主动脉最大真腔直径
              fakeDiamDe: debakey.fakeDiamDe, //主动脉夹层Debakey分型 受累主动脉最大假腔直径
              //主动脉CTA检查
              isCheckIm: imh.isCheckIm, //IMH_壁间血肿 是否勾选（0不选 1选）
              maxDiamIm: imh.maxDiamIm, //受累主动脉最大直径
              maxGaugeIm: imh.maxGaugeIm, //受累主动脉最大真腔直径
              GaugeDiamIm: imh.GaugeDiamIm, //受累主动脉最大假腔直径
              //TAA_胸主动脉瘤
              isCheckTa: taa.isCheckTa, //是否勾选（0不选 1选）
              maxDiamTa: taa.maxDiamTa, //受累主动脉最大直径
              //AAA_腹主动脉瘤
              isCheckAa: aaa.isCheckAa, //是否勾选（0不选 1选）
              maxDiamAa: aaa.maxDiamAa, //受累主动脉最大直径
              //PAU_穿透性溃疡
              isCheckPa: pau.isCheckPa, //是否勾选（0不选 1选）
              //主动脉假性动脉瘤
              isCheckPs: pseudoaneurysm.isCheckPs, //是否勾选（0不选 1选）
              typePs: pseudoaneurysm.typePs, // 类型
              //血供情况 bloodSupply
              zdm: bloodSupply.zdm, //椎动脉优势情况（123...下面指标一样）
              tbdm: bloodSupply.tbdm, //头臂动脉供血情况
              zjdm: bloodSupply.zjdm, //左颈总动脉供血情况
              zsgdm: bloodSupply.zsgdm, //左锁骨下动脉供血情况
              fqgdm: bloodSupply.fqgdm, //腹腔干动脉供血情况
              cxmdm: bloodSupply.cxmdm, //肠系膜上动脉供血情况
              mgx: bloodSupply.mgx, //脉供血情况
              ysdm: bloodSupply.ysdm, //右肾动脉供血情况
              zqzdm: bloodSupply.zqzdm, //左髂总动脉供血情况
              zqwdm: bloodSupply.zqwdm, //左髂外动脉供血情况
              zqndm: bloodSupply.zqndm, //左髂内动脉供血情况
              yqzdm: bloodSupply.yqzdm, //右髂总动脉供血情况
              yqwdm: bloodSupply.yqwdm, //右髂外动脉供血情况
              yqndm: bloodSupply.yqndm, //右髂内动脉供血情况
              //院内结局 hospitalOutcome
              remarks: hospitalOutcome.remarks, //备注
              isDead: hospitalOutcome.isDead, //术住院死亡：
              deadDate: hospitalOutcome.deadDate, //死亡时间
              deadType: hospitalOutcome.deadType, //死亡类型
              nspl: hospitalOutcome.nspl, //逆撕或破裂（0否 1是）
              ngs: hospitalOutcome.ngs, //脑梗塞（0否 1是）
              ncx: hospitalOutcome.ncx, //脑出血（0否 1是）
              jt: hospitalOutcome.jt, //截瘫/脊髓缺血（0否 1是）
              hxy: hospitalOutcome.hxy, //后行腰大池引流（0否 1是）
              ztqx: hospitalOutcome.ztqx, //肢体缺血（0否 1是）
              zqqx: hospitalOutcome.zqqx, //脏器缺血（0否 1是）
              xftx: hospitalOutcome.xftx, //新发透析（0否 1是）
              zwzk: hospitalOutcome.zwzk, //谵妄/狂躁（0否 1是）
              zss: hospitalOutcome.zss, //再手术（0否 1是）
              projJx: hospitalOutcome.projJx, //后机械通气时间>=24小时:
              projEc: hospitalOutcome.projEc, //存在非计划二次手术：
              projNl: hospitalOutcome.projNl, //后发生内漏：
              projNz: hospitalOutcome.projNz, //后发生脑卒中：
              projSs: hospitalOutcome.projSs, //后发生急性肾衰竭：
              projJs: hospitalOutcome.projJs, //后脊髓损伤：
              projXg: hospitalOutcome.projXg, //后发生心肌梗死：
              projTl: hospitalOutcome.projTl, //前使用他汀类药物：
              projBz: hospitalOutcome.projBz, //前使用β受体阻滞剂：
              projSf: hospitalOutcome.projSf, //后30天内完成随访：
              projFc: hospitalOutcome.projFc, //30天内完成CTA复查：
            };
            this.ruleForms = JSON.parse(JSON.stringify(this.ruleForm));
          } else {
            this.$message({
              showClose: true,
              message: res.msg,
              type: 'error',
            });
          }
        })
        .catch(() => {});
    },
    goBack() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="less" scoped>
.detail-box {
  display: flex;
  flex-direction: column;

  .basic-information {
    background: #ffffff;
    .top-title {
      padding: 16px;
      border-bottom: 2px #e9e8eb solid;
      height: 20px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 20px;
      color: #101b25;
      .star {
        color: #ff595a;
      }
    }
    .star {
      color: #ff595a;
    }
    .title-gray {
      height: 20px;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #8193a3;
      line-height: 20px;
    }
    .title-info {
      height: 20px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 20px;
      display: flex;
      align-items: center;
      margin-top: 22px;
    }
    .black-blue {
      width: 4px;
      height: 16px;
      background: #0a73e4;
      margin-right: 12px;
    }

    .content-info {
      padding-top: 14px;
      display: flex;
      flex-flow: row wrap;
      box-sizing: border-box;
      justify-content: space-around;
      position: relative;
      .info-box {
        width: 340px;
      }
      .info-boxs {
        width: 30%;
      }
      .death-box {
        position: absolute;
        left: 18%;
        /deep/.el-form-item__content {
          position: relative;
          top: 21px;
        }
        /deep/.el-form-item__label {
          left: -135px;
          top: 26px;
          position: absolute;
        }
      }
      /deep/.el-form-item__label {
        height: 20px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #101b25;
        line-height: 20px;
        margin-bottom: 3px;
      }
      /deep/.el-input {
        width: 340px;
        height: 32px;
        .el-input__inner {
          height: 32px;
        }
      }
      /deep/.el-radio-group {
        width: 340px;
      }
    }
    .main-info {
      padding-top: 14px;
      display: flex;
      flex-flow: row wrap;
      box-sizing: border-box;
      // justify-content: space-around;
      position: relative;
      padding-left: 16px;
      .check-info {
        min-width: 15%;
        margin-top: 12px;
        margin-right: 0;
      }
      .el-date-editor {
        /deep/.el-input__prefix {
          position: absolute;
          width: fit-content;
          left: 250px;
        }
      }
      .info-box {
        width: 25%;
        box-sizing: border-box;
        margin-right: 0;
        /deep/.el-form-item__content {
          height: 32px;
        }
      }
      .input-boxs {
        width: 25%;
        box-sizing: border-box;
        /deep/.el-form-item__content {
          height: 32px;
        }
        margin-right: 0;
        /deep/.el-input {
          width: 340px;
          height: 32px;
          .el-input__inner {
            height: 32px;
          }
        }
        .el-date-editor {
          /deep/.el-input__prefix {
            position: absolute;
            width: fit-content;
            left: 310px;
          }
        }
      }
      .input-info {
        width: 100%;
        padding-right: 60px;
        display: flex;
        flex-direction: column;
        /deep/.el-form-item__content {
          display: flex;
          flex: 1;
        }
      }
      .desc {
        margin-left: 24px;
        height: 20px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #101b25;
        line-height: 20px;
      }
      .desc-info {
        color: #a3b0bc;
      }

      .info-boxs {
        width: 25%;
        margin-right: 0;
        box-sizing: border-box;
      }
      .death-box {
        position: absolute;
        width: 40%;
        height: 32px;
        top: 120px;
        /deep/.el-form-item__label {
          position: absolute;
          left: 16px;
          height: 32px;
          margin: 0;
          line-height: 32px;
        }
        /deep/.el-form-item__content {
          position: absolute;
          left: 150px;
        }
      }

      /deep/.el-form-item__label {
        height: 20px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #101b25;
        line-height: 20px;
        margin-bottom: 3px;
      }
      /deep/.el-input {
        width: 278px;
        height: 32px;
        .el-input__inner {
          height: 32px;
        }
      }
      /deep/ .el-radio {
        margin-right: 80px;
      }
      /deep/.el-radio-group {
        width: 340px;
      }
    }
  }
  .padding-bottom {
    padding-bottom: 16px;
  }
  .margin-top {
    margin-top: 16px;
  }
}
.back-btn {
  text-align: center;
  margin-top: 24px;

  /deep/ .el-button {
    height: 40px;
    min-width: 96px;
    line-height: 40px;
    padding: 0 10px;
  }
  /deep/.sure-btn {
    background: #0a73e4;
  }
}
.change-box {
  background: #ffffff;
  padding: 21px 16px 16px 16px;
  margin-top: 40px;
  .top-box {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #101b25;
    margin-bottom: 16px;
  }
}
/deep/thead {
  tr {
    th {
      background: #f7f8fa !important;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #203549;
      padding: 8px 0 !important;
    }
  }
}
.top-crumb {
  margin-bottom: 16px;
  /deep/.middle-info {
    .el-breadcrumb__inner {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
    }
  }
  /deep/.last-info {
    .el-breadcrumb__inner {
      color: #203549;
    }
  }
}
.table-box {
  /deep/.el-table {
    margin-bottom: 10px;
    .el-table__cell {
      padding: 12px 0;
    }
  }
}
.isShow {
  visibility: hidden;
}
/deep/.is-disabled {
  .el-input__inner {
    background-color: #fff;
    color: #606266;
  }

  .el-radio__input.is-disabled + span.el-radio__label {
    color: #606266;
  }
  .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
    background-color: #ffffff;
  }
  .el-radio__input.is-checked .el-radio__inner {
    border-color: #409eff;
    background: #409eff;
  }

  .el-radio__input.is-checked.is-disabled + span.el-radio__label {
    border-color: #409eff;
    color: #409eff;
  }
}
.el-date-editor {
  /deep/.el-input__prefix {
    position: absolute;
    width: fit-content;
    left: 310px;
  }
}
/deep/.el-input__inner {
  padding-left: 15px;
}
.isAll {
  width: 100% !important;
}
/deep/.el-form-item__content {
  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff;
  }
  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #409eff;
  }
  .el-checkbox__input.is-disabled + .el-checkbox__label {
    color: #606266;
  }
  .el-checkbox__input.is-disabled .el-checkbox__inner::after {
    border-color: #fff;
  }
}
/deep/.el-textarea.is-disabled .el-textarea__inner {
  background-color: #fff;
  color: #606266;
}
</style>
